<!doctype html>
<html lang="en">

<head>
    <title>SD-闪达工作室</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/BaiDuMap.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/stylem.css">
    <link rel="stylesheet" href="css/stylean.css">

    <script src="js/jquery-3.3.1.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/app.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="header ShowPC">
        <nav class="head">
            <!-- logo -->
            <div class="header_logo_out">
                <div class="header_logo">
                    <img class="img-fluid header_logo_img" src="img/head/logow.png" alt="">
                </div>
            </div>
            <div class="header_link">
                <ul>
                    <li>
                        <a href="index.html">首页</a>
                    </li>
                    <li>
                        <a href="Web.html">前端</a>
                    </li>
                    <li>
                        <a href="Life.html">生活</a>
                    </li>
                    <li>
                        <a href="Story.html">故事</a>
                    </li>
                    <li>
                        <a href="About.html">关于</a>
                    </li>
                    <li>
                        <a href="Contact.html">联系</a>
                    </li>
                </ul>
            </div>
        </nav>
    </div>
   
    <!-- 内容 -->
    <div class="content content_about">
        <!-- 1 -->
        <div class="about_01">
            <img class="w-100" src="img/about/big_bg.jpg" alt="" srcset="">
            <div class="about_01_text">
                <span>
                    联系我们
                </span>
            </div>
        </div>
        <!-- 2 -->
        <!--百度地图容器-->
        <div class="container-fluid">
            <div class="row">
                <div style="width:100%;height:550px;border:#ccc solid 1px;" id="dituContent"></div>
                <script src="js/BaiduMap.js"></script>
            </div>
        </div>
    </div>
    <img class="img-fluid" src="img/home/1.jpg" alt="">

    <!-- 底部导航 -->
   <div class="footer ShowPC">
       <div class="container">
           <div class="row">
               <div class="col-12  footer_inner">
                   <div class="footer_inner_01">
                       <div class="footer_inner_0101">
                           友情链接:
                           <span class="footer_inner_0101_01">
                               <a href="https://space.bilibili.com/412495284">SD工作室</a>
                       
                           </span>
                          
                       </div>
                   </div>
                   <div class="footer_inner_02">Copyright ©2021 2018197-SD闪达工作小组</div>
               </div>
           </div>
       </div>
   </div>
  
    <script src="js/web_canvas02.js"></script>
</body>

</html>